﻿<phone:PhoneApplicationPage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" 
    x:Class="NASA.BeAMartian.Views.Participate.Index"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False">
 
    <!--Sample code showing usage of ApplicationBar-->
    <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
        	<RowDefinition Height="Auto"/>
        	<RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <Image Grid.RowSpan="2" Source="/NASA.BeAMartian;component/Assets/Images/blk.png" Stretch="Fill"/>
    	<Image Source="/NASA.BeAMartian;component/Assets/Images/050223_mars.jpg" Stretch="Fill" Grid.RowSpan="2" Opacity="0.4"/>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="PARTICIPATE" Style="{StaticResource PhoneTextNormalStyle}" Margin="6,0,46,0"/>
            <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}" Visibility="Collapsed"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"/>
    	<toolkit:WrapPanel Margin="12,57,0,0" HorizontalAlignment="Left" VerticalAlignment="Top" MaxWidth="900">
    		<Grid VerticalAlignment="Top" HorizontalAlignment="Left" Width="448" Height="160" Margin="0,0,15,0">
    			<Image ManipulationStarted="Image_ManipulationStarted" Margin="8,43,0,3" Source="/NASA.BeAMartian;component/Assets/Images/Map_A_World_H264_cc.png" Stretch="Fill" HorizontalAlignment="Left" Width="138"/>
    			<TextBlock FontSize="32" Margin="6,0,0,0" VerticalAlignment="Top" FontFamily="Segoe WP SemiLight" TextWrapping="Wrap" HorizontalAlignment="Left" Text="INTRO">
    				<TextBlock.Foreground>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</TextBlock.Foreground>
    			</TextBlock>
    			<Rectangle Stroke="Black" Height="10" VerticalAlignment="Top" StrokeThickness="0" Margin="0,28,1,0" Width="413" HorizontalAlignment="Left" Visibility="Collapsed" Fill="#FFFFB631"/>
    			<Image Margin="160,117,0,66" Source="/NASA.BeAMartian;component/Assets/Images/image-Play-enabled.png" Stretch="Fill" Opacity="0.7" HorizontalAlignment="Left" Width="45" Height="57"/>
    			<Image HorizontalAlignment="Left" Source="/NASA.BeAMartian;component/Assets/Images/image-Play-enabled.png" Stretch="Fill" Width="29" Margin="56,0,0,39" Height="32" VerticalAlignment="Bottom" Opacity="0.8"/>
    			<TextBlock ManipulationStarted="Image_ManipulationStarted" HorizontalAlignment="Right" TextWrapping="Wrap" Text="A video introduction to Mars science participation." VerticalAlignment="Top" RenderTransformOrigin="2.577,1.981" Margin="0,41,8,0" Width="266" FontSize="26.667" Height="125"/>
    		</Grid>
    		<Grid VerticalAlignment="Top" HorizontalAlignment="Left" Width="447" Height="230" Margin="0,20,0,0">
    			<TextBlock FontSize="32" Margin="6,-1,0,0" VerticalAlignment="Top" FontFamily="Segoe WP SemiLight" TextWrapping="Wrap" HorizontalAlignment="Left" Text="TAG MARS" Width="257">
    				<TextBlock.Foreground>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</TextBlock.Foreground>
    			</TextBlock>
    			<Rectangle Stroke="Black" Height="10" VerticalAlignment="Top" StrokeThickness="0" Margin="0,28,1,0" Width="413" HorizontalAlignment="Left" Visibility="Collapsed">
    				<Rectangle.Fill>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</Rectangle.Fill>
    			</Rectangle>
    			<TextBlock ManipulationStarted="Image_ManipulationStarted_1" HorizontalAlignment="Right" TextWrapping="Wrap" Text="Tag images sent from the Mars Exploration Rovers, Spirit and Opportunity" VerticalAlignment="Top" RenderTransformOrigin="2.577,1.981" Margin="0,51,0,0" Width="277" FontSize="26.667"/>
    			<Image ManipulationStarted="Image_ManipulationStarted_1" HorizontalAlignment="Left" Margin="8,47,0,27" Source="/NASA.BeAMartian;component/Assets/Images/badge_rover.png" Stretch="Fill" Width="135"/>
    		</Grid>
    		<Grid VerticalAlignment="Top" HorizontalAlignment="Left" Width="414" Height="217" Margin="0">
    			<TextBlock FontSize="32" Margin="6,0,0,0" VerticalAlignment="Top" FontFamily="Segoe WP SemiLight" TextWrapping="Wrap" HorizontalAlignment="Left" Text="COUNT CRATERS">
    				<TextBlock.Foreground>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</TextBlock.Foreground>
    			</TextBlock>
    			<Rectangle Stroke="Black" Height="10" VerticalAlignment="Top" StrokeThickness="0" Margin="0,28,1,0" Width="413" HorizontalAlignment="Left" Visibility="Collapsed">
    				<Rectangle.Fill>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</Rectangle.Fill>
    			</Rectangle>
    			<Path Stretch="Fill" Stroke="Black" Margin="284.424,68.33,0,0" UseLayoutRounding="False" StrokeThickness="0" RenderTransformOrigin="0.5,0.5" Data="M24.75,0.5 C38.142904,0.5 49,11.357096 49,24.750002 C49,38.142908 38.142904,49 24.75,49 C11.357094,49 0.5,38.142904 0.5,24.749998 C0.5,11.357093 11.357094,0.5 24.75,0.5 z M24.75,5.4489796 C14.09034,5.4489796 5.4489796,14.090341 5.4489796,24.75 C5.4489796,35.409661 14.09034,44.05102 24.75,44.05102 C35.409661,44.05102 44.05102,35.409657 44.05102,24.75 C44.05102,14.090339 35.409661,5.4489796 24.75,5.4489796 z M40.85,24.625 L16.65,38.425 L16.65,10.825 z" HorizontalAlignment="Left" Width="49.5" Height="49.5" VerticalAlignment="Top" Visibility="Collapsed">
    				<Path.Fill>
    					<SolidColorBrush Color="{StaticResource BeAMAccentColor}"/>
    				</Path.Fill>
    				<Path.RenderTransform>
    					<CompositeTransform ScaleX="0.7" ScaleY="0.7"/>
    				</Path.RenderTransform>
    			</Path>
    			<TextBlock ManipulationStarted="Image_ManipulationStarted_2" HorizontalAlignment="Right" TextWrapping="Wrap" Text="Identify craters in Mars satellite images." VerticalAlignment="Top" RenderTransformOrigin="2.577,1.981" Margin="0,80,0,0" Width="239" FontSize="26.667" Height="125"/>
    			<Image ManipulationStarted="Image_ManipulationStarted_2" Margin="8,49,0,12" Source="/NASA.BeAMartian;component/Assets/Images/badge_crater.png" Stretch="Fill" HorizontalAlignment="Left" Width="135" Height="156"/>
    		</Grid>
						
    	</toolkit:WrapPanel>
    </Grid>

</phone:PhoneApplicationPage>
